<template>
  <div>
    <h3>库存预警</h3>
    
    <el-table :data="tableData" style="width: 100%" border max-height="600">
      <el-table-column prop="wareName" label="仓库名称" width="130">
      </el-table-column>

      <el-table-column  prop="proId" label="产品编号" width="150">
      </el-table-column>
      <el-table-column prop="proName" label="产品名称" width="130"> </el-table-column>
      <el-table-column prop="proInNum" label="产品进货" width="130"> </el-table-column>
      <el-table-column prop="proOutNum" label="产品出货" width="130"> </el-table-column>
      <el-table-column prop="proSurp" label="产品剩余量" width="130">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import {wareWarin} from '@/api'

export default {
  name: "Warining",
  created(){
    this.inWare();
  },
  methods: {

    inWare(){
        wareWarin().then(res=>{
          console.log(res);
           this.tableData=res.data;
        }).catch(err=>{
          console.log(err);
        })
    }
  },
  data() {
    return {
      tableData: [
        {
          proId: "2016-05-03",
          proName: "王小虎",
          proSurp: "",
          proInNum:"",
          proOutNum:"",
    
          wareName:"",
       
         
        },
        
      ],
    };
  },
};
</script>